<template>
  <div class="student">
	  <h3>学员姓名:{{name}}</h3>
	  <h3>学员年龄:{{age}}</h3>
	  <button @click='showMore'>点我获取更多信息</button>
  </div>
</template>

<script>
/* eslint-disable*/ 
	export default {
		name: 'Student',
		data() {
			return {
				name:'花花',
				age:25,
				hobby:'songs',
				address: '北京市昌平区北七家镇'
			}
		},
		methods:{
			showMore(){
				alert(`爱好为${this.hobby},所在住址${this.address}`)
			}
		}
	}
</script>

<style>
	.student{
		background-color: skyblue;
		padding: 30px;
	}
</style>